<!DOCTYPE html>
<style>
.container {
  position: absolute;
  width: 100px;
}
.focus {
  outline: -webkit-focus-ring-color auto 5px;
}
.sub {
  margin-top: 50px;
  width: 100px;
  height: 100px;
  background-color: green;
}
</style>
Should ignore empty rects when drawing focus ring. Passes if there is only a single focus ring around the green square.
<div class="container">
  <span class="focus">
    <div class="sub"></div>
  </span>
</div>
